javascript typescript react-native popup-menu popup react-native-component breeffy TypeScript

react-native中使用react-native-vector-icons图标库

react-native-vector-icons 内置了FontAwesome、 antDesign等常用图标库，还可以支持自定义。 RN0.6以上如何使用？ 1、安装： npm i react-native-vector-icons -D 安装命令。 2、安装完成后，还是需要执行 react-...

【React-Native】基于react-native-echarts-pro图表库的地图展示

标签： react native 图表 react-native地图

由于业务需要展示世界地图，并且对地图数据进行操作...前期选用native-echarts，但是该组件有三个问题：1.长期不维护；2.echarts版本较老；3.没有自带的地图功能；故有了该组件的诞生，废话不多说，上手：一、 ...

react-native-nodemediaclient

标签： react-native rtmp nodemedia ReactNative

react-native-nodemediaclient 该项目是NodeMediaClient-Android和NodeMediaClient-iOS SDK的本机打包。完整的实时发布和播放功能，提供完全相同的API调用。您只需开发一套程序就可以发布两个平台。0.进入项目目录...

React Native关于使用CameraRoll出现的问题@react-native-camera-roll/camera-roll@react-native-community...

标签： react native react.js javascript

BuildConfig is defined multiple @react-native-community/cameraroll @react-native-camera-roll/camera-roll React Native classes.dex

ReactNative进阶（四十五）：渐变组件 react-native-linear-gradient

标签： reactnative linear-gradient 渐变组件

npm i react-native-linear-gradient react-native link react-native-linear-gradient 二、属性介绍 2.1 colors 默认情况下，渐变色的方向是从上向下的。 <LinearGradient colors={['#63B8FF', '#1C86EE', '...

react-native播放视频组件 react-native-video的用法

标签： android react-native 组件

react-native-video 是一个播放视频的开源组件，它的用法很简单。 1.安装依次执行下面两个命令， npm i -S react-native-video react-native link (这一步是连接本地视频库) (1) ios：如果您想允许其他应用...

react-native-webrtc：用于React Native的WebRTC模块

标签： react react-native webrtc ReactNativeJava

react-native-webrtc 用于React Native的WebRTC模块。支持iOS / macOS / Android。支持视频/音频/数据通道。世博用户注意：除非您弹出该插件，否则它将不起作用。社区欢迎每个人加入我们的，讨论与React Native和...

react-native 轮播图 ——react-native-swiper使用

标签： native react-native 轮播图

今天学习了轮播图的使用，上网查阅了一下，发现有react-native-swiper和React-Native-Viewpager 两种封装的比较好的第三方组件，对比了下文档，觉得react-native-swiper功能更加完善，而且文档说明比较全面，所以...

react native截屏组件 react-native-view-shot总结

标签： rn截屏组件 react-native-view-shot react-native截屏

截图组件react-native-view-shot，可以截取当前屏幕或者按照当前页面的组件来选择截取（）

运行react-native link react-native-gesture-handler报错：error Failed to get dependency config

标签： react-native link react-native-gest error Failed to get dependency conf react-navigation

在初始化创建项目并通过yarn add react-navigation和yarn add react-native-gesture-handler加载导航依赖包时，这两个过程一切正常，但当执行react-native link react-native-gesture-handler进行原生依赖时，...

react-native-vision-camera RN相机初使用小记

标签： react native javascript 前端

react-native-camera react-native-vision-camera RN拍照 react-native 拍照相机扫码

react-native配置react-native-image-crop-picker

标签： evaluating '_reactNativeImageCropPi react-native-crop-picker

null is not an object (evaluating '_reactNativeImageCropPicker.default.openPicker') 如何引用第三方的图片剪辑库？上面的错误一直提醒着、出现！查找了好多博客，进入作者的issue，都没有找到解决答案。...

react-native与svg整合 ----- react-native-svg

标签： react-native

React-Native 与Iconfont整合 1、从阿里妈妈上选择自己所需要的素材，下载源代码 ... 下载后得到的iconfont.ttf ...两种解决方案： react-native-vector-icons && react-native-svg 采用 react-native-svg解

react native 实现图片放大功能（react-native-image-zoom-viewer）

标签： react native 放大图片 image-zoom

安装中间件 react-native-image-zoom-viewer 封装放大图片弹窗组件调用弹窗组件具体步骤 1. 安装中间件 react-native-image-zoom-viewer，参考官网和官网版本： "react": "16.8.3", "react-native": "0.59.9...

React-Native中react-native-tab-view的使用

react-native-tab-view 安装： npm install --save react-native-tab-view 使用： import * as React from 'react'; import { Animated, View, Text, TouchableOpacity, Dimensions, StyleSheet, } from '...

RN：使用react-native-exit-app退出app

标签： react-native react native react.js

react-native-exit-app import RNExitApp from 'react-native-exit-app'; ... RNExitApp.exitApp(); ... 看了下源码，是这样退出的： android @ReactMethod public void exitApp() { android.os.Process.kill...

React-native-splash-screen 完整使用说明(Mac完整版) 2019/04/14

标签： react-native

react-native-splash-screen 演示安装说明第一步(下载): 在项目根目录打开终端运行 npm i react-native-splash-screen --save 第二步 (安装): 大家可以通过自动或手动两种方式来安装react-native-splash-screen。...

React Native + react-native-camera 实现扫描二维码「安卓」

标签： react native react.js javascript

注：本篇博客参考了此篇：React Native实现扫描二维码功能基于react-native-camera 感谢孙先森i 的分享；我也来加把火；电脑：Mac；安卓手机：小米6钉子户环境：react-native 0.66.x 库：react-native-...

react native开发react-native-debugger调试工具使用教程

标签： react.js 前端 react native

众所周知react-native环境搭建比较繁琐，会出现一大堆问题，环境安装好后，调试react-native项目也着实让人头疼，今天推荐一下react-native-debugger调试工具上面是react-native-debugger下载链接。

react-native-image-crop-picker

标签： react.js react native javascript

yarn add react-native-image-crop-picker 运行项目时，检查一下/android/build.gradle 文件，查看gradle版本，如果运行报错：nexpected element ＜queries＞ found in ，就要升级gradle dependencies { //...

(React-Native 学习之九) React-native-device-info 的使用：

标签： device-info

前言：顾名思义 React-native-device-info 本第三方就是为了获取设备信息。实际上react-native有很多类似第三方，并且使用方式和本例大体相同。作为示例记录下，供有需要的同学学习： 1，初始化项目：初始化...

React Native 集成react-native-table-component(table表格插件)及代码示例

标签： React-Native

React-Native 集成react-native-table-component(table表格插件) 1、安装 #npm安装 npm install --save react-native-table-component 2、使用 1):TableExample.js入口文件 import React, {Component} from 'react'...

图片操作库，react-native-image-zoom-viewer 使用方法

标签： react native库 react-native-image-zoom-viewer

react-native-image-zoom-viewer 使用方法最近遇到一个需求，需要让用户预览图片，并且能进行放大缩小的操作。 google了一圈，最后使用了react-native-image-zoom-viewer。官网Demo： import { Modal } from '...

使用react-native-debugger调试react-native

标签： react-native

用了http://localhost:8081/debugger-ui，安装了react-devtools，又发现...官网地址：https://github.com/jhen0409/react-native-debugger/releases。运行如下：使用如何使用呢? 相当的简单, 参考文档: htt...

react-native react-native-modal-dropdown级联扩展

标签： react-native

react-native没有提供select控件，这里使用第三方控件react-native-modal-dropdown，但是在做级联的时候发现存在问题。在源码基础上做了一些修改。 react-native-modal-dropdown版本为0.6.0 级联出现异常现象...

关于react-native-fast-image的使用

标签： react native react-native-fast-image

关于react-native-fast-image的使用今天在项目里使用了react-native-fast-image，现在记录一下过程首先如果是原生和RN混合开发，首先执行以下代码： yarn add react-native-fast-image 然后在Android添加依赖： ...

react-native-webview和h5通信

标签： webview react-native rn-webview

直奔主题，不贴官方文档。... ...在项目中使用官方文档有介绍如何进行交互，官网传送门 React Native -> Web: The injectedJavaScript prop React Native -> Web: The injectJavaScript method ... React Native:

react-native-document-picker一个适合react native打开本地文件，上传文件的组件；也可直接用react-native...

import DocumentPicker from 'react-native-document-picker'; const FileTypes = { All: DocumentPicker.types.allFiles,// All document types, on Android this is */*, on iOS is public.content (note that ...

React Native集成react-native-fs(本地文件系统)

标签： React Native react-native-fs

npm install --save react-native-fs #链接依赖 react-native link react-native-fs 工具类(可直接调用) /** * FileName: RNFSUtils.js * Author: hf * Date: 2019/2/11 14:39 * Description:封装对文件的...

12.React Native文件创建、查看、下载、上传-react-native-fs

标签： RN 文件下载文件上传

1.react-native-fs是什么？ 2.react-native-fs支持哪些功能？ 3.react-native-fs如何使用？ 4.react-native-fs功能介绍？ 5.文件操作说明 5.1文件目录说明 5.2文件创建 5.3文件删除 5.4文件读取 5.5文件...